<template>
  <div>
    <div class="cHeader">
        <div class="cHeader-section">
            <img src="../assets/img/左箭头(1).png" alt="" @click="goBank">
            <p><b>一键绑卡</b></p>
            <span>解绑</span>
        </div>
    </div>
    <div class="cSection">
        <img src="../assets/img/5.jpg" alt="">
    </div>
    <div class="cSection1">
        <div class="cSection1-left">
            <img src="../assets/img/银行-农行(1).png" alt="">
            <span>(借记卡6228****2372)</span>
        </div>
        <div class="cSection1-right">一键多绑</div>
    </div>
    <div class="cRecommend">
        <span>绑卡推荐</span>
    </div>
    <ul class="cList">
        <li><a href="./binding.html">
            <img src="../assets/img/微信支付(1).png" alt="">
            <p> 微信</p>
        </a></li>
        <li><a href="./binding.html">
            <img src="../assets/img/支付宝支付(1).png" alt="">
            <p> 支付宝</p>
        </a></li>
        <li class="cLi1"><a href="./binding.html">
            <img src="../assets/img/拼多多(1).png" alt="" >
            <p> 拼多多</p>
        </a></li>
        <li><a href="./binding.html">
            <img src="../assets/img/京东-01(1).png" alt="">
            <p> 京东</p>
        </a></li>
        <li><a href="./binding.html">
            <img src="../assets/img/美团(1).png" alt="">
            <p> 美团</p>
        </a></li>
        <li class="cLi1"><a href="./binding.html">
            <img src="../assets/img/云闪付(1).png" alt="">
            <p> 云闪</p>
        </a></li>
        <li><a href="./binding.html">
            <img src="../assets/img/抖音(1).png" alt="">
            <p> 抖音</p>
        </a></li>
        <li><a href="./binding.html">
            <img src="../assets/img/滴滴出行(1).png" alt="">
            <p> 滴滴</p>
        </a></li>
        <li class="cLi1"><a href="./binding.html">
            <img src="../assets/img/苏宁易购-01(1).png" alt="">
            <p> 苏宁</p>
        </a></li>
    </ul>
  </div>
</template>

<script>
export default {
    methods:{
        goBank(){
            this.$router.push({
                name:"Detailpage"
            })
        }
    }
}
</script>

<style src="../assets/css/CardBinding.css">

/* body{
    background-color: rgb(241, 241, 241);
} */

</style>